﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>jQuery其它方法</title>
</head>
<body>
<div>
<ul id="liend">
        <li>
            <a href="javascript:DivSe();">a的html<span>dsfsd</span></a>
            <ul></ul>
        </li>
        <li onclick ="LastElementCh()">
            放在这里变色啊
            <ul></ul>
        </li>
</ul>
<div>
<li>我没有ul</li>
<li>我也没有ul</li>
</div>
<div name="Kk1" onmousemove="setAttribsColor()">我的name是kk用$(div[@name])可以访问所有所有的带有name属性的div</div>
<div name="Kk" onmousemove="setAttribsColor()">我的name是kk用$(div[@name])可以访问所有所有的带有name属性的div</div>
<a href="/c/d1">我是那//你可能需要选择一个有特点href属性的链接，
//这在不同的浏览器下对href的理解可能会不一致，
//所以我们的部分匹配("*=")的方式来代替完全匹配("=")</a>
</div>

 <script src="jquery-latest-pack.js" type="text/javascript"></script>
<script  type="text/javascript">
   var Tong ={
             jquery:jQuery,
             $:$,
             TongTest:
             {
                Par:"dsfsd"//属性
             }
   };
   
//jQuery提供两种方式来选择html的elements，
//第一种是用CSS和Xpath选择器联合起来形成一个字符串来传送到jQuery的构造器（如：$("div > ul a")）；
//第二种是用jQuery对象的几个methods(方法)。这两种方式还可以联合起来混合使用。
function DivSe()//使用 jquery选择器
{
    alert(Tong.$("div>ul a ").html())
}

//当把鼠标放在li对象上面和移开时进行样式切换，但只在list的最后一个element上生效。
function LastElementCh()
{
   var lastElement =  Tong.$("#liend li:last");//得到最后一个原素
   //hover(over,out) 一个模仿悬停事件（鼠标移动到一个对象上面及移出这个对象）的方法。
   // over,out 为js Function
   lastElement.hover(function(){this.style.backgroundColor="#ff00ee";},
                     function(){this.style.backgroundColor="#ff0000";}
                     );
}

//jQuery 提供了filter() 和not() 方法来解决这个问题。 
//filter()以过滤表达式来减少不符合的被选择项, 
//not()则用来取消所有符合过滤表达式的被选择项.
// 考虑一个无序的list，你想要选择所有的没有ul子元素的li元素。
function notuse()//not 方法的用法
{
    $("li").not("[ul]").css({backgroundColor:"#ffe0ff"});
}
notuse();//使用
//上面代码中的[expression] 语法是从XPath而来

//比如你可能想选择所有的带有name属性的链接:
//使用xpath 访问属性值
function setAttribsColor()//得到属性
{
    Tong.$("div[@name]").each(
       function(i)
       {
         alert(this.attributes.getNamedItem("name").nodeValue);
       }
    );
}
//你可能需要选择一个有特点href属性的链接，
//这在不同的浏览器下对href的理解可能会不一致，
//所以我们的部分匹配("*=")的方式来代替完全匹配("=")
function getpointattrinValue()//选择一个有特点href属性的链接
{
    Tong.$("a[@href*=/c/d1]").css("backgroundColor","#ffe0ff").click(
        function()
        {
           this.href="?";
        }
    );
}
getpointattrinValue();

///属性用法
function shuxing()
{
    Tong.TongTest.Par="sdfdsfsddf";
    alert(Tong.TongTest.Par);
}


</script>
</body>
</html>
